<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/login.css">
    <script src="jquery.js"></script>
    <script src="./js/layer/layer.js"></script>
    <script src="login.js"></script>
</head>
<body>
    <header>
        <div class="imgBox">
            <a href="main.html"><img src="images/logo.jpg" class="logoImg"></a>
        </div>
       
    </header>
    <section>
        <div class="borderBox">
            <h1>创建账户</h1>
            <form>
            <div class="nameSpan">
                <span class="smallTxt">您的姓名</span>
            </div>
            <input type="text" name="userName" class="inputStyle">

            <div class="phoneBox">
                <span class="smallTxt">电话号码或电子邮件</span>
            </div>
            <!-- <input type="checkbox" name="check" id="check"> -->
            <span class="readTxt">　我已阅读并同意网站的<a href="javascript:void(0);">使用条件</a>及<a href="javascript:void(0);">隐私声明</a>。</span>
            <input type="email" name="email" id="number" class="inputStyle">
            <div class="nameSpan">
                <span class="smallTxt">密码</span>
            </div>
            <input type="password" class="inputStyle" name="pwd" placeholder=" 至少 6 个字符">
            <div class="tips">密码必须至少为 6 个字符</div>
            <div class="nameSpan">
                <span class="smallTxt">再次输入密码</span>
            </div>
            <input type="password" class="inputStyle" name="password">
            <input type="submit" value="继续" class="submit">
            </form>
            <div class="fengeBox">
                <span class="fengeTxt">  ———————— 其他注册方式 ————————</span>
            </div>
            <img src="images/elseLogin.png" alt="" class="loginImg">

            <div class="isRegestBox">
                <span>已拥有账户？</span> <a href="register.html" class="isRea">登录</a>
            </div>
        </div>
        
    </section>
    <footer>
        <div class="topBox">
            <a href="javascript:void(0);">使用条件</a>
            <a href="javascript:void(0);">隐私声明</a>
            <a href="javascript:void(0);">帮助</a>
        </div>
        <div class="buttomBox">
            <span class="ance">版权所有 © 1996-2021，亚马逊公司或其关联公司</span>
        </div> 
    </footer>
</body>
</html>